html[theme="light"]:root {
	--switchButton-box-border:aqua;
	--switchButton-name-color:black;
}
html[theme="dark"]:root {
	--switchButton-box-border:magenta;
	--switchButton-name-color:white;
}
.switchButton-frame {
	width:50px;
	height:20px;
	background-color:red;
	border-radius:10px;
}
.switchButton-slider {
	position:relative;
	width:18px;
	height:18px;
	background-color:white;
	border-radius:50%;
	margin:0;
	border:0;
	padding:0;
	top:1px;
	left:1px;
}
.switchButton-box {
    display: flex;
	flex-direction: column;
	align-items: center;
	margin:10px;
    border:1px solid var(--switchButton-box-border);
	border-radius: 10px;
	width:100px;
	height:50px;
}

.switchButton-name {
	word-break: keep-all;
	color: var(--switchButton-name-color)
}